<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>登录</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0, shrink-to-fit=no, viewport-fit=cover">
    <script>
        window.onload=function(){
            var rate = 3.75;
            wh = document.body.clienWidth||document.documentElement.clientWidth;
            document.documentElement.style.fontSize = wh/rate+"px";
        }
    </script>
    <script src="jquery.js"></script>
    <link rel="stylesheet" href="css/login.css">
</head>
<body>
<div class="box">
    <div class="return"><img src="images/return.png"></div>
    <div class="top">登录</div>
    <div class="touxiang"><img src="images/touxiang.png" /></div>
    <form action="" method="post">
        <div class="line"><span class="countryNo">+86</span><input id="phone" placeholder="请输入手机号码" name="phone"><span id="phoneerror"></span></div>
        <div class="line"><input type="password" id="pwd" placeholder="请输入密码" name="pwd"><span id="pwderror"></span></div>
        <div class="flex">
            <div><a href="register.html">创建账号</a></div>
            <div><a href="forget.html">忘记密码</a></div>
        </div>
        <div><input type="button" class="loginBtn" id="loginBtn" value="登 录" /></div>
        <div class="three"><img src="images/line.png"> 第三方登录 <img src="images/line.png"></div>

        <div class="icon"><a href="#"><img src="images/QQ%20.png" /></a><a href="#"><img src="images/微信.png" /></a></div>

    </form>
</div>
<script src="js/login.js"></script>

</body>
</html>